<template>
  <div>
    <div>
      <van-nav-bar >
        <van-icon name="arrow-left" slot="left" size="34px" color="#101010" @click="onClickLeft"></van-icon>
        <span  slot="right" style="font-size:14px ;color:#101010" @click="onClickRight">管理</span>
      </van-nav-bar>
    </div>
    <div>
      <div class="item-box">
        <div class="item-photo">
          <img src="" alt="">
        </div>
        <div class="item-tex">
          <p class="p1">高强度</p>
          <p>2分钟 </p>
          <p>50个</p>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default{
  name:'mtime',
  methods: {
    onClickLeft() {
      this.$router.go(-1)
    },
    onClickRight(){

    }
  }
}
</script>
<style scoped>
  .item-box:before,.item-box:after{content:" ";display:table}
  .item-box:after{clear:both}
  .item-box{
  padding: 22px 0 22px 20px;border-bottom: 1px solid #eeeeee;
}
  .item-photo{float: left;height: 52px;width: 52px;border-radius: 50%;overflow: hidden;border: 1px solid #eeeeee}
  .item-tex{
    float: left;margin-left: 14px;
  }
.item-tex p{ font-size: 10px;line-height: 14px;}
  .item-tex .p1{font-size: 14px;line-height: 20px}
</style>
